<template>
    <div class="echart_box">
        <!-- 使用k线图组件 -->
        <Kdatacom v-if="(kdata as kdataItem).val.length > 0" :kdata="kdata"></Kdatacom>
        <!-- 使用饼图组件 -->
        <Piedatacom v-if="piedata[0].x" :piedata="piedata"></Piedatacom>
    </div>
</template>

<script setup lang='ts'>

// 导入权限页面判断
import { nopermission } from '@/utils/nopermission';
nopermission()

// 引入接口
import { getKdataApi, getPieApi } from '@/api/home';
// 引入k线图组件
import Kdatacom from '@/components/Kdata.vue'
// 引入饼图图表组件
import Piedatacom from '@/components/Piedata.vue'

// 请求k线图数据
import { ref } from 'vue';
interface kdataItem {
    val: Array<Array<number>>,
    x: string[]
}
const kdata = ref<kdataItem>({ val: [], x: [] });
getKdataApi().then((res: any) => {
    // console.log('res', res);
    if (res.code == 200) {
        kdata.value = res.data
    }
})


//请求饼图数据
const piedata = ref<Array<{ x: string, val: number }>>([{ x: '', val: 0 }])
// console.log('piedata', piedata);


getPieApi().then((res: any) => {
    // console.log('res', res);
    if (res.code == 200) {
        piedata.value = res.data
    }
})

</script>
<style scoped>
.echart_box {
    width: 100%;
    display: flex;
}
</style>